function Render(ele, data) {
    this.ele = ele;
    this.data = data;
    this.render = function () {//this--->调用方法的对象obj
        //this.ele  this.data
        var that = this;
        //循环数据  创建li 并设置li的内容 追加到容器ul中
        data.forEach(function (item, idx) {
            //item 表示循环出来的数组项  idx表示索引
            //每当循环出一个对象  就创建一个li 并追加到ul中
            var li = document.createElement("li");
            //设置li的内容  使用 实例对象的 setContent方法 来渲染内容
            that.setContent(item, li);
            //追加到ul中
            ele.appendChild(li);
        })
    }
    this.setContent = function (item, element) {
        //设置li的内容
        element.innerHTML = ` <div class="top">
        <span class="rj">${item.version}</span>
        <img src="${item.src}" alt="" class="m">
        <p>${item.popular}人在学习</p>
        </div>
        <div class="bottom">
        <div class="left">
        <span>${item.name}</span>
        <span class="time">${item.cases}</span>
        </div>
        <div class="right">${item.type}</div>
        </div>`
    }
}